<template>
  <header class="header">
    <!-- header的返回图标 -->
    <span class="back iconfont">&#xe633;</span>
    <!-- header的标题 -->
    <h4 class="header-title">{{title}}</h4>
    <!-- header右侧菜单标识 -->
    <span class="menulist iconfont">&#xe60c;</span>
  </header>
</template>

<script>
export default {
  name: 'Header',
  data () {
    return {}
  },
  props: {
    title: String
  }
}
</script>

<style lang="stylus" scoped>
  @import '~styles/index.styl'
  .header
    pageHeader()
    .back
      font-size 32px
      font-weight bold
      padding-left 32px
    .header-title
      font-size 32px
    .menulist
      font-size 38px
      font-weight bold
      padding-right 32px
</style>
